<template>
  <div id="app">
    <span class="icon-back"></span>
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
document.addEventListener('DOMContentLoaded', () => { // DOM加载完毕后回调
  const html = document.querySelector('html')
  let fontSize = window.innerWidth / 10 // 800 -> 80 -> 1rem = 80px 总是假定10个rem就是一个屏幕的宽度
  fontSize = fontSize > 50 ? 50 : fontSize // 设置字体最大上限，一般都是50
  html.style.fontSize = fontSize + 'px' // 设置根元素默认字体大小
})
</script>

<style>

</style>
